<template>
    <div>
        <el-row class="demo-avatar demo-basic">
            <el-col :span="12">
                <div class="demo-basic--circle">
                    <div class="block">
                    <el-avatar shape="square" :size="50" :src="stuMsg.headimgurl?stuMsg.headimgurl:headPic" class="stuHeader"></el-avatar>
                    </div>
                </div>
            </el-col>
        </el-row>
        <el-descriptions title="学员资料" border direction="vertical">
            <el-descriptions-item label="Sid">{{stuMsg.sId}}</el-descriptions-item>
            <el-descriptions-item label="姓名">{{stuMsg.name}}</el-descriptions-item>
            <el-descriptions-item label="年龄">{{stuMsg.age}}</el-descriptions-item>
            <el-descriptions-item label="班级">{{stuMsg.class}}</el-descriptions-item>
            <el-descriptions-item label="学历">{{stuMsg.degree}}</el-descriptions-item>
            <el-descriptions-item label="项目地址">{{stuMsg.productUrl}}</el-descriptions-item>
            <el-descriptions-item label="描述">{{stuMsg.description}}</el-descriptions-item>
            <el-descriptions-item label="城市">{{stuMsg.city}}</el-descriptions-item>
            <el-descriptions-item label="创建时间">{{stuMsg.cTime}}</el-descriptions-item>
        </el-descriptions>
        <el-button type="primary" class="back" @click="back">点击返回列表</el-button>
    </div>
</template>
<script>
    import {mapState} from "vuex"
    export default{
        data(){
            return{
                headPic:"../../../assets/images/tx.png"
            }
        },
        computed:{
            ...mapState(["stuMsg"])
        },
        methods:{
            back(){
                this.$router.push('/studentManager/product')
            }
        }
    }
</script>
<style>
    .block{
        margin: 100px 0 30px 450px;
    }
    .stuHeader{
        width: 200px !important;
        height: 200px !important;
    }
    .back{
        margin-left: 470px;
        margin-top: 20px;
    }
</style>
